<template>
  <div>
    <tool-tip class="tool-tip-demo" effect="dark" content="Top Left prompts info" placement="top">
      <button>111</button>
      <div>54d6w8132a</div>
      <div>54d6w8132a</div>
      <div>54d6w8132a</div>
    </tool-tip>
    <tool-tip class="tool-tip-demo" effect="dark" content="Top L info" placement="left">
      <button>111</button>
      <div>54d6w8132a</div>
      <div>54d6w8132a</div>
      <div>54d6w8132a</div>
    </tool-tip>
    <!-- <el-tooltip class="item" effect="dark" content="Top Left prompts info" placement="top-start">
      <button>111</button>
      <div>111</div>
      <div>54d6w8132a</div>
    </el-tooltip> -->
    <!-- <el-tooltip class="item" effect="dark" content="Top Left prompts info" placement="top-start">
      <button>111</button>
      <div>111</div>
      <div>54d6w8132a</div>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" content="Top Left prompts info" placement="top-start">
      <button>111</button>
      <div>111</div>
      <div>54d6w8132a</div>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" content="Top Left prompts info" placement="top-start">
      <button>111</button>
      <div>111</div>
      <div>54d6w8132a</div>
    </el-tooltip> -->
  </div>
</template>
<script>
import ToolTip from './index.vue';
export default {
  data() {
    return {};
  },
  components: {
    ToolTip
  }
};
</script>
<style lang="sass" scoped></style>
